<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./lib/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/heade-footer.css">
    <link rel="stylesheet" href="./css/05case.css">
</head>

<body>
    <!-- 公共样式
    fl,左浮
    fr,右浮动
    bx,怪异盒子
    cb,清除浮动
    rel,相对定位
    abs，绝对定位  
    con ，版心 
  -->
    <!-- 页头 -->
    <div class="heade abs">
        <!-- logo -->
        <a href="./index.html">
            <div class="heade-logo fl"></div>
        </a>
        <!-- 中间的导航 -->
        <ul class="heade-nav abs">
            <li class="fl rel">
                <a href="./index.html">首页
                    <!-- 空标签模拟下划线 -->
                    <div class="heade-un abs"></div>
                </a>
            </li>
            <li class="fl">
                <a href="./API.html">API</a>
            </li>
            <li class="fl">
                <a href="./06case-details.html">案例</a>
            </li>
        </ul>
        <!-- 登录于注册 -->
        <div class="heade-enter fr">
            <a href="./03seek.html" target="_blank">登录</a>
            <a href="#">注册有礼</a>
        </div>

    </div>
    <!-- 页头结束======================================================= -->

     <!-- 注册页面模态框 -->
     <div id="register">
            <div id="header">
                <div class="header-moderator">
                    <img src="./imge/images/loginlogo.png" alt="">
                    <p>已有源码账号<a href="./03seek.html">立即登录</a></p>
                </div>
            </div>
            <!-- 输入框 -->
        <div class="form-back">
            <!-- 标题 -->
            <div class="form-box">
                <h2>
                    欢迎注册
                </h2>
                <h3>
                    百款接口免费试用
                </h3>
                <div class="form-gb">
                    <img src="./imge/images/reg-gift.png" alt=""> 注册即送300元大礼包
                </div>
                <p><input type="text" placeholder="用户名"></p>
                <p><input type="text" placeholder="输入手机号"></p>
                <p><input type="text" placeholder="验证码"><span>获取验证码</span><a>6</a></p>
                <p><input type="text" placeholder="密码"></p>
                <div class="form-deal"><input type="checkbox">
                    我已阅读并接受<a href="#">《源码用户服务协议》 《源码隐私政策》</a>
                </div>
              <button>立即注册</button>
            </div>
        </div>
    </div>
    <!-- 注册模态框结束======================================================= -->

    
    <div class="banner rel">
        <!-- 背景div/粒子效果 -->
        <div id="mydiv" style="height:414px;"></div>
        <!-- 头部标题 -->
        <h1>助力行业巨头、独角兽企业</h1>
        <p>已服务10万+企业客户</p>
        <span>- 精选案例 -</span>
    </div>
    <!-- banner结束 ===============================================-->

    <!-- 主体 -->
    <div class="bodys">
        <h2>
            <!-- 标签模蓝色下划线线 -->
            <a></a>
            金融案例
            <span>/Financial Case</span>
        </h2>
        <ul class="cb">
            <li>
                <img src="./imge/images/sznsyh.png" alt="">
                <h3>苏州银行数据API服务系统</h3>
                <div class="bodys-txt">
                    <p>
                        河北幸福消费金融股份有限公司是河北省首家批准成立的消费金融公司。公司坚持以“融入互联网生态，融入河北生态，融入股东生态”为主线，打造产品服务、内容服务和能力服务为核心目标，致力于打造一家以技术为驱动、以智慧金融和普惠金融为特色的公众公司。截至2019年底，幸福消金累计投放贷款近500亿元，全年新增270亿元。

                    </p>
                </div>
                <span>了解详情</span>
            </li>
            <li>
                <img src="./imge/images/hcfc2.png" alt="">
                <h3>河北幸福消金三方数据管理平台</h3>
                <div class="bodys-txt">
                    <p>
                        苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股， 为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
                    </p>
                </div>
                <span>了解详情</span>
            </li>
            <li>
                <img src="./imge/images/szyh.png" alt="">
                <h3> 苏州农商行数据敏捷共享平台</h3>
                <div class="bodys-txt">
                    <p>
                        苏州农商银行是全国第四家A股上市的农商银行，也是银监会成立后在新监管框架下第一批挂牌开业的农村商业银行。近年来，苏州农商银行聚焦主责主业，以支农支小、服务地方经济建设为主要目标，践行了一条符合自身实际的差异化定位、特色化经营之路。在当下金融行业数字化转型的大潮中，苏州农商银行积极探索金融科技转型之道，运用互联网思维，通过智能化和不断迭代的服务，满足不同客户的多元化、个性化需求，实现差异化发展，走出自己的特色化之路。
                    </p>
                </div>
                <span>了解详情</span>
            </li>
        </ul>

        <h2>
            <!-- 标签模蓝色下划线线 -->
            <a></a>
            企业案例
            <span>/business Case</span>
        </h2>
        <ul class="cb">
            <li>
                <img src="./imge/images/sznsyh.png" alt="">
                <h3>苏州银行数据API服务系统</h3>
                <div class="bodys-txt">
                    <p>
                        河北幸福消费金融股份有限公司是河北省首家批准成立的消费金融公司。公司坚持以“融入互联网生态，融入河北生态，融入股东生态”为主线，打造产品服务、内容服务和能力服务为核心目标，致力于打造一家以技术为驱动、以智慧金融和普惠金融为特色的公众公司。截至2019年底，幸福消金累计投放贷款近500亿元，全年新增270亿元。

                    </p>
                </div>
                <span>了解详情</span>
            </li>
            <li>
                <img src="./imge/images/hcfc2.png" alt="">
                <h3>河北幸福消金三方数据管理平台</h3>
                <div class="bodys-txt">
                    <p>
                        苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股， 为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
                    </p>
                </div>
                <span>了解详情</span>
            </li>
            <li>
                <img src="./imge/images/szyh.png" alt="">
                <h3> 苏州农商行数据敏捷共享平台</h3>
                <div class="bodys-txt">
                    <p>
                        苏州农商银行是全国第四家A股上市的农商银行，也是银监会成立后在新监管框架下第一批挂牌开业的农村商业银行。近年来，苏州农商银行聚焦主责主业，以支农支小、服务地方经济建设为主要目标，践行了一条符合自身实际的差异化定位、特色化经营之路。在当下金融行业数字化转型的大潮中，苏州农商银行积极探索金融科技转型之道，运用互联网思维，通过智能化和不断迭代的服务，满足不同客户的多元化、个性化需求，实现差异化发展，走出自己的特色化之路。
                    </p>
                </div>
                <span>了解详情</span>
            </li>
        </ul>

        <h2>
            <!-- 标签模蓝色下划线线 -->
            <a></a>
            政务案例
            <span>/Government Case</span>
        </h2>
        <ul class="cb">
            <li>
                <img src="./imge/images/sznsyh.png" alt="">
                <h3>苏州银行数据API服务系统</h3>
                <div class="bodys-txt">
                    <p>
                        河北幸福消费金融股份有限公司是河北省首家批准成立的消费金融公司。公司坚持以“融入互联网生态，融入河北生态，融入股东生态”为主线，打造产品服务、内容服务和能力服务为核心目标，致力于打造一家以技术为驱动、以智慧金融和普惠金融为特色的公众公司。截至2019年底，幸福消金累计投放贷款近500亿元，全年新增270亿元。

                    </p>
                </div>
                <span>了解详情</span>
            </li>
            <li>
                <img src="./imge/images/hcfc2.png" alt="">
                <h3>河北幸福消金三方数据管理平台</h3>
                <div class="bodys-txt">
                    <p>
                        苏州银行的前身是江苏东吴农村商业银行股份有限公司，2011年经监管批准，由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日，苏州银行登陆A股， 为全国第33家、江苏省第9家上市银行。2020年3月9日，“2019年中国银行业100强榜单”发布，苏州银行排名第51位。
                    </p>
                </div>
                <span>了解详情</span>
            </li>
            <li>
                <img src="./imge/images/szyh.png" alt="">
                <h3> 苏州农商行数据敏捷共享平台</h3>
                <div class="bodys-txt">
                    <p>
                        苏州农商银行是全国第四家A股上市的农商银行，也是银监会成立后在新监管框架下第一批挂牌开业的农村商业银行。近年来，苏州农商银行聚焦主责主业，以支农支小、服务地方经济建设为主要目标，践行了一条符合自身实际的差异化定位、特色化经营之路。在当下金融行业数字化转型的大潮中，苏州农商银行积极探索金融科技转型之道，运用互联网思维，通过智能化和不断迭代的服务，满足不同客户的多元化、个性化需求，实现差异化发展，走出自己的特色化之路。
                    </p>
                </div>
                <span>了解详情</span>
            </li>
        </ul>

        <h2>
            <!-- 标签模蓝色下划线线 -->
            <a></a>
            更多伙伴
            <span>/More Partners</span>
        </h2>
        <div class="bodys-partner">
            <ul class="cb">
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <ul class="cb">
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <ul class="cb">
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <!-- 侧面同页面跳转导航 -->
        <div class="bodys-nav">
            <span>金融案例</span>
            <span>企业案例</span>
            <span>政务案例</span>
            <span>更多伙伴</span>
        </div>
    </div>





    <!-- 页脚======================================================= -->
    <div class="footer con">
        <div class="cb">
            <!-- 左侧导航 -->
            <ul class="footer-nav fl">
                <li>
                    <a href="#">联系与支持</a>
                </li>
                <li>
                    <a href="#">售前咨询 </a>
                </li>
                <li>
                    <a href="#">售后客服</a>
                </li>
                <li>
                    <a href="#">联系电话 </a>
                </li>
                <li>
                    <a href="#">常见问题</a>
                </li>
                <li>
                    <a href="#">急速工单 </a>
                </li>
                <li>
                    <a href="#">投诉与建议</a>
                </li>
            </ul>
            <ul class="footer-nav fl">
                <li>
                    <a href="#">联系与支持</a>
                </li>
                <li>
                    <a href="#">售前咨询 </a>
                </li>
                <li>
                    <a href="#">售后客服</a>
                </li>
                <li>
                    <a href="#">联系电话 </a>
                </li>
                <li>
                    <a href="#">常见问题</a>
                </li>
                <li>
                    <a href="#">急速工单 </a>
                </li>
                <li>
                    <a href="#">投诉与建议</a>
                </li>
            </ul>
            <ul class="footer-nav fl">
                <li>
                    <a href="#">联系与支持</a>
                </li>
                <li>
                    <a href="#">售前咨询 </a>
                </li>
                <li>
                    <a href="#">售后客服</a>
                </li>
                <li>
                    <a href="#">联系电话 </a>
                </li>
                <li>
                    <a href="#">常见问题</a>
                </li>
                <li>
                    <a href="#">急速工单 </a>
                </li>
                <li>
                    <a href="#">投诉与建议</a>
                </li>
            </ul>
            <ul class="footer-nav fl">
                <li>
                    <a href="#">联系与支持</a>
                </li>
                <li>
                    <a href="#">售前咨询 </a>
                </li>
                <li>
                    <a href="#">售后客服</a>
                </li>
                <li>
                    <a href="#">联系电话 </a>
                </li>
                <li>
                    <a href="#">常见问题</a>
                </li>
                <li>
                    <a href="#">急速工单 </a>
                </li>
                <li>
                    <a href="#">投诉与建议</a>
                </li>
            </ul>
            <ul class="footer-nav fl">
                <li>
                    <a href="#">联系与支持</a>
                </li>
                <li>
                    <a href="#">售前咨询 </a>
                </li>
                <li>
                    <a href="#">售后客服</a>
                </li>
                <li>
                    <a href="#">联系电话 </a>
                </li>
                <li>
                    <a href="#">常见问题</a>
                </li>
                <li>
                    <a href="#">急速工单 </a>
                </li>
                <li>
                    <a href="#">投诉与建议</a>
                </li>
            </ul>
            <!-- 右侧二维码 -->
            <div class="footer-right fr">
                <p>微信公众号</p>
                <span>源码时代</span>
                <p>
                    <img src="./imge/images/wechat-white.png" alt="">
                </p>
            </div>
        </div>
        <!-- 底部声明 -->
        <div class="footer-statement">
            <p class="fl">
                <img src="./imge/images/bei1.png" alt="">
                <img src="./imge/images/bei2.png" alt=""> 增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
            </p>
            <p class="fr">源码大数据股份有限公司©版权所有</p>
        </div>
        <!-- 返回顶部 -->
        <div class="top">∧</div>
    </div>
</body>
<script src="./lib/canvas-particle.js"></script>
<script src="./js/heade-footer.js"></script>
<script src="./js/05case.js"></script>

</html>